/**
 * 预制动效
 * @type {[null,null,null]}
 */


const TRANSITION = [
  {
    key: 'enterTransition',
    label: '入场动画',
    value: '',
    attr: [
      {
        key: 'duration',
        value: 1,
        label: '持续时间',
        min: 0,
      },
      {
        key: 'delay',
        value: 0,
        label: '延迟时间',
        min: 0,
      },
    ],
    options: [
      {
        key: '',
        val: '',
        label: '不设置动画'
      },
      {
        key: 'fadeIn',
        val: 'fadeIn',
        label: '渐入'
      }, {
        key: 'fadeInDown',
        val: 'fadeInDown',
        label: '向下渐入'
      }, {
        key: 'fadeInUp',
        val: 'fadeInUp',
        label: '向上渐入'
      }
    ]
  },
  {
    key: 'strongTransition',
    label: '强调动画',
    attr: [
      {
        key: 'duration',
        value: 1,
        label: '持续时间',
        min: 0,
      },
      {
        key: 'delay',
        value: 0,
        label: '延迟时间',
        min: 0,
      },
      {
        key: 'times',
        value: 1,
        label: '播放次数',
        min: 1,
      },
      {
        key: 'interval',
        value: 0,
        label: '停顿时间', // 与下次播放的间隔时间
        min: 0,
      },
    ],
    options: [
      {
        key: '',
        val: '',
        label: '不设置动画'
      },
      {
        key: 'bounce',
        val: 'bounce',
        label: '向上跳动'
      }, {
        key: 'flash',
        val: 'flash',
        label: '闪烁'
      }, {
        key: 'pulse',
        val: 'pulse',
        label: '放大抖动'
      }
    ]
  },
  {
    key: 'leaveTransition',
    label: '出场动画',
    attr: [
      {
        key: 'duration',
        value: 1,
        label: '持续时间',
        min: 0,
      },
      {
        key: 'delay',
        value: 0,
        label: '持续时间',
        min: 0,
      },
    ],
    options: [
      {
        key: '',
        val: '',
        label: '不设置动画'
      },
      {
        key: 'fadeOut',
        val: 'fadeOut',
        label: '渐出'
      }, {
        key: 'fadeOutDown',
        val: 'fadeOutDown',
        label: '向下渐出'
      }, {
        key: 'fadeOutUp',
        val: 'fadeOutUp',
        label: '向上渐出'
      }
    ]
  },
];

export default TRANSITION;
